body {
    padding-top: 0em;
    padding-left: 1em;
}

.togglediv {
    display: none;
}

.nav > li > a {
    padding: 3px 10px;
}

.hoverbox {
    display: none;
    width: 100%;
}

hr {
    display: inline-block;
    border: 0.5px solid red;
    border-width: 0px;
    width: 99%;
}

.login {
    background-color: gold;
    color: blue;
}



.abutton {
    background-color: gray;
    border: none;
    color: white;
    padding: 4px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 0.85em;
    margin: 4px 2px;
    border-radius: 2px;
}

.bbutton {
    background-color: red;
    border: none;
    color: white;
    padding: 4px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 0.85em;
    margin: 4px 2px;
    border-radius: 2px;
}

.cbutton {
    background-color: green;
    border: none;
    color: white;
    padding: 4px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 0.85em;
    margin: 4px 2px;
    border-radius: 2px;
}

.dbutton {
    background-color: darkorchid;
    border: none;
    color: white;
    padding: 4px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 0.85em;
    margin: 4px 2px;
    border-radius: 2px;
}

.ebutton {
    background-color: darkred;
    border: none;
    color: white;
    padding: 4px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 0.85em;
    margin: 4px 2px;
    border-radius: 2px;
}

.fbutton {
    background-color: darkgoldenrod;
    border: none;
    color: white;
    padding: 4px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 0.85em;
    margin: 4px 2px;
    border-radius: 2px;
}

.xbutton {
    background-color: lightgreen;
    border: none;
    color: Blue;
    padding: 1px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: .0.85em;
    margin: 4px 2px;
    border-radius: 2px;
}

.sbutton {
    background-color: yellow;
    border: none;
    color: darkgoldenrod;
    padding: 1px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 0.85em;
    margin: 4px 2px;
    border-radius: 2px;
}

.eureka {
    background-color: yellow;
}

.reading {
    color: red;
    background-color: ivory;
}
/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

table.samples {
    border-width: 1px;
    background-color: antiquewhite;
}

td.col0 {
    background-color: wheat;
}

td.col1 {
    background-color: teal;
}

tr.row2 {
    background-color: wheat;
}

tr.row1 {
    background-color: azure;
}

tr.row0 {
    background-color: lightgoldenrodyellow;
}

/* QR code generator */
#qrCode {
    margin: 15px;
}


div.htree {
    margin-left: 15px;
}

a.high {
    color: red;
    font-weight: 900;
}

a.normal {
    font-style: oblique;
    color: darkgreen;
}

a.low {
    color: darkgray;
    font-style: italic;
}

input.btn {
    border: thick;
}

a.missing {
    display: none;
    color: burlywood;
}

th {
    text-align: left;
}


table.class {
    background-color: azure;
}

td.class {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color: cornsilk;
}

.rank {
    background-color: red;
    color: white;
}

.row2 {
    background-color: wheat;
}

.row1 {
    background-color: azure;
}

.row0 {
    background-color: lightgoldenrodyellow;
}

.nobody {
    width: 100%;
}

.commonbuttons {
}

th {
    background-color: darkblue;
    color: yellow;
    margin: 2px 4px 1px 4px;
    padding: 2px 10px 1px 14px;
}

td {
    margin: 2px 10px 1px 14px;
    padding: 2px 10px 1px 14px;
    text-align: left;
    border: thin;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#hoverlink {
    zoom: 0.75;
    -moz-transform: scale(0.75);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.75);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.75);
    -webkit-transform-origin: 0 0;
}

.dropdown {
    position: relative;
    width: 300px;
}

#searchInput {
    width: 100%;
    padding: 8px;
}

.dropdown-list {
    position: absolute;
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    display: none;
    list-style: none;
    padding: 0;
}

    .dropdown-list li {
        padding: 8px;
        cursor: pointer;
    }

        .dropdown-list li:hover {
            background: #f0f0f0;
        }